<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="xi.css">
</head>
<body>
    <!-- 顶部导航栏 -->
    <div class="nav">
        <a href="https://juejin.cn/" class="logo"><img src="tu/logo.svg"></a>
        <a href="#" class="lian current">首页</a>
        <a href="#" class="lian">沸点</a>
        <a href="#" class="lian">课程</a>
        <a href="#" class="lian">直播</a>
        <a href="#" class="lian">活动</a>
        <a href="#" class="lian">竞赛</a>

        <a href="#" class="b">商城</a>
        <a href="#" class="b">app</a>
        <a href="#" class="b">插件</a>

        <div class="search">
            <div class="search1">
                <input type="text" placeholder="探索稀土掘金">
                <a href="javascript:;" class="btn">s</a>
            </div>
            <div class="bot">
                <button class="chuang">创作者中心</button>
                <div class="more">
                    <div class="more1">

                    </div>
                </div>
            </div>
        </div>
        <div class="vip">
            <a href="#" class="vip">
                <img src="tu/vip.svg" alt="">
                <span>会员</span>
            </a>
        </div>
        <div class="dlu">
            <div class="dludiv">
                <a href="javascript:;">登陆</a>
                <span>|</span>
                <a href="javascript:;">注册</a>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="left-list">
            <ul>
                <li><a href="javascript:;">关注</a></li>
                <li class="active"><a href="javascript:;">综合</a></li>
                <li><a href="javascript:;">后端</a></li>
                <li><a href="javascript:;">前端</a></li>
                <li><a href="javascript:;">Android</a></li>
                <li><a href="javascript:;">iOS</a></li>
                <li><a href="javascript:;">人工智能</a></li>
                <li><a href="javascript:;">开发工具</a></li>
                <li><a href="javascript:;">代码人生</a></li>
                <li><a href="javascript:;">阅读</a></li>
            </ul>
        </div>
        <div class="content">

        </div>
        <div class="right">

        </div>
    </div>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>

</body>
</html>